var datas;
// var data2;
var btn;
window.onload = function () {
  var a = document.getElementById("search_input");
  var div1 = document.getElementsByClassName("rank-list");
  var name;
  var srcs;
  var fenlei;


  // var item1 = document.getElementById("t1");
  // var item2 = document.getElementById("t2");
  // var item3 = document.getElementById("t3");
  // var item4 = document.getElementById("t4");
  // var item5 = document.getElementById("t5");
  // var item6 = document.getElementById("t6");
  // var item7 = document.getElementById("t7");
  // var item8 = document.getElementById("t8");
  // var item9 = document.getElementById("t9");

  var item=document.getElementsByClassName("rank-nav-item");
  for(let i=0;i<item.length;i++){
    item[i].onclick=function(){
      //  console.log(this.innerText);
      fenlei =this.innerText;
      $.ajax({
        url: 'http://api.pingcc.cn/cartoon/search/title/' + fenlei + '/' + '1/10',
        dataType: "json",
        type: "get",
        success: function (data) {
        //  console.log(data);
          datas = data;
          // console.log(datas);
          //   console.log(a.value);
          //   console.log(name); 
          //  console.log(data.data.data[0].title);
          // console.log(data.data.data[2].cover);
  
          //    <div class="rank-item clearfix">
          //    <a href="javascript:;">
          //        <img class="cover" src="img/zl.jpg"  alt="鬼眼狂刀">
          //    </a>
          //    <div class="comic-item-info">
          //        <a href="/215/">
          //            <p class="comic-name">鬼眼狂刀</p>
          //            <p class="comic-author">上条明峰</p>
          //            <p class="comic-tip">第307话</p></a>
          //      </div>
          //    </div>
          //    var div=document.createElement("div");
          //     div.innerHTML="<a>"+"<img>"+"</a>"+
          //     "<div class='comic-item-info'>"+
          //     "<a href='javascript:;'>"+
          //     "<P class='comic-name'>"+data.data.data[0].title+"</p>"+
          //     "<P class='comic-author'>"+"</p>"+
          //     "<P class='comic-tip'>"+"</p>"+
          //     "</a>"+
          //     "</div>";
          //    var ranklist=document.getElementsByClassName("rank-list");
          //    ranklist.appendChild(div);
  



          var ranklist = document.getElementsByClassName("rank-list")[0];
          ranklist.innerHTML="";
          for (var i = 0; i < data.data.data.length; i++) {
            srcs = data.data.data[i].cover;
            // console.log(srcs);
            var div = document.createElement("div");
            
            // <div class="box1" >
            // <div class="rank-item clearfix" >
            //     <a href="javascript:;">
            //     <img class="cover" src="img/zl.jpg"  alt="鬼眼狂刀">
            // </a>
            // </div>
            // <div class="comic-item-info">
            //     <a class="alla" href="javascript:;">
            //         <p class="comic-name">鬼眼狂刀</p>
            //         <p class="comic-author">上条明峰</p>
            //         <p class="comic-tip">第307话</p>
            //     </a> 
            //   <!-- <p class="comic-click-count"></p> --> 
            // </div>
            // </div>
            
            div.innerHTML = "<div class='rank-item clearfix' onclick='ds()'>" +
              "<a href='javascript:;'>" + "<img class='cover' src='" + srcs + "'>" + "</a>" +"</div>"+
              "<div class='comic-item-info'>" +
              "<a class='intoa' href='javascript:;'>" +
              "<P class='comic-name'>" + data.data.data[i].title + "</p>" +
              "<P class='comic-author'>" + data.data.data[i].author + "</p>" +
              "<P class='comic-tip'>" + data.data.data[i].updateTime + "</p>" +
              "</a>" +
              "</div>";
              div.className="boxs";
            ranklist.appendChild(div);
  
          }
 
        },
        error: function (e) {
          console.log(e);
        }
      });

    }
  }

  


  // var btn = document.getElementsByClassName("search_btn")[0];

  function getmh() {

    name = a.value;
    $.ajax({
      url: 'http://api.pingcc.cn/cartoon/search/title/' + name + '/' + '1/10',
      dataType: "json",

      type: "get",
      success: function (data) {
        datas = data;
        // console.log(datas);
        //   console.log(a.value);
        //   console.log(name); 
        //  console.log(data.data.data[0].title);
        // console.log(data.data.data[2].cover);

        //    <div class="rank-item clearfix">
        //    <a href="javascript:;">
        //        <img class="cover" src="img/zl.jpg"  alt="鬼眼狂刀">
        //    </a>
        //    <div class="comic-item-info">
        //        <a href="/215/">
        //            <p class="comic-name">鬼眼狂刀</p>
        //            <p class="comic-author">上条明峰</p>
        //            <p class="comic-tip">第307话</p></a>
        //      </div>
        //    </div>
        //    var div=document.createElement("div");
        //     div.innerHTML="<a>"+"<img>"+"</a>"+
        //     "<div class='comic-item-info'>"+
        //     "<a href='javascript:;'>"+
        //     "<P class='comic-name'>"+data.data.data[0].title+"</p>"+
        //     "<P class='comic-author'>"+"</p>"+
        //     "<P class='comic-tip'>"+"</p>"+
        //     "</a>"+
        //     "</div>";
        //    var ranklist=document.getElementsByClassName("rank-list");
        //    ranklist.appendChild(div);

        var ranklist = document.getElementsByClassName("rank-list")[0];
        for (var i = 0; i < data.data.data.length; i++) {
          srcs = data.data.data[i].cover;
          // console.log(srcs);
          var div = document.createElement("div");

          // div.innerHTML = "<div class='rank-item clearfix' onclick='ds()'>" +
          //   "<a href='javascript:;'>" + "<img class='cover' src='" + srcs + "'>" + "</a>"+
          //   "<div class='comic-item-info'>" +
          //   "<a class='intoa' href='javascript:;'>" +
          //   "<P class='comic-name'>" + data.data.data[i].title + "</p>" +
          //   "<P class='comic-author'>" + data.data.data[i].author + "</p>" +
          //   "<P class='comic-tip'>" + data.data.data[i].updateTime + "</p>" +
          //   "</a>" +
          //   "</div>";

          div.innerHTML = "<div class='rank-item clearfix' onclick='ds()'>" +
          "<a href='javascript:;'>" + "<img class='cover' src='" + srcs + "'>" + "</a>"+"</div>"+
          "<div class='comic-item-info'>" +
          "<a class='intoa' href='javascript:;'>" +
          "<P class='comic-name'>" + data.data.data[i].title + "</p>" +
          "<P class='comic-author'>" + data.data.data[i].author + "</p>" +
          "<P class='comic-tip'>" + data.data.data[i].updateTime + "</p>" +
          "</a>" +
          "</div>";



          div.className="boxs";


          ranklist.appendChild(div);



        }
        // btna = document.getElementsByClassName("rank-item clearfix");
        //  btna.addEventListener('click', function () {
        //  alert("aaaa")
        //  })







      },
      error: function (e) {
        console.log(e);
      }
    });

  };



  //    btn = document.getElementsByClassName("search_btn")[0];
  //    btn.onclick = function () {

  //         //清空列表
  //         div1[0].innerHTML = "";

  //         getmh();


  //     };
  btn = document.getElementsByClassName("search_btn")[0];
  if (btn) {
    btn.addEventListener("click", function () {
      //清空列表
      div1[0].innerHTML = "";

      getmh();

    });
  }





};
function ds() {

  var btna = document.getElementsByClassName("rank-item clearfix");

  //   var intoa=document.getElementsByClassName("intoa");
  //  var alh=document.getElementsByClassName("h")[0];
  for (var i = 0; i < btna.length; i++) {
    (function (i) {
      btna[i].onclick = function () {

        var data2 = datas.data.data[i];

      //  console.log(data2);
        // if(alh){
        //     alh.innerHTML="aaa";
        // }
        //console.log(alh.innerHTML);

        //window.location.href="../SystemInfoJsp/add_user.jsp?"+"id="+id+"&name="+name+"&grade="+grade;
        //  window.onload.href=data2;
        // intoa[i].href="mh.html?data="+data2;

        //  console.log(data2.cartoonId);
        var data3 = data2.cartoonId;
        location.href = "mh.html?" + "txt=" + data3;
        // alert("aaa");


      }
    })(i)
  }
  //    console.log(datas.data.data);
}



// var item=document.getElementsByClassName("rank-nav-item");
// for(var i=0;i<item.length;i++){
//  console.log(item[i].innerText);
// }

